.px2rem(@name,@px){
    @{name}:@px*100%
}

.px3rem(@name,@px){
    @{name}:@px/75*1rem
}

.warp{
    .px3rem(heigth,1870);
}
.header{
    .px3rem(heigth,100);
    background: #82ce6a;
//  .w(1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    .img{
        .px3rem(padding-left,36);
         .px3rem(width,41);
         .px3rem(height,33);
    }
    ._img{
        .px3rem(padding-right,36);
        .px3rem(width,41);
        .px3rem(height,40);
    }
    .span{
        .px3rem(font-size,34);
        color: white; 
    }
    
}


.section{
     .px3rem(heigth,300);
     background: #82ce6a;
     display: flex;
     align-items: center;
     flex-direction: column;
     .img{
        .px3rem(padding-top,28);
        .px3rem(width,130);
         .px3rem(height,130);
    }
    .p *{
        .px3rem(padding-top,28);
        .px3rem(font-size,27);
         color: white;
         display: inline-block;
         vertical-align: middle;
    }
    ._p *{
        .px3rem(padding-top,31);
        .px3rem(font-size,20);
        color: white;
        .px3rem(padding-bottom,30);
        display: inline-block;
       vertical-align: middle;
    }
    .img_one{
        .px3rem(padding-left,17);
        .px3rem(width,32);
        .px3rem(height,32);
    }
    .img_two{
        .px3rem(padding-right,18);
        .px3rem(width,18);
        .px3rem(height,24);
    }
}


.article{
    display: flex;
    justify-content: space-between;
    .px3rem(font-size,30);
    color: #5c5c5c;
    border-bottom: 1px solid #e5e5e5;
    .p *{
       .px3rem(line-height,110);
       .px3rem(padding-left,37);
       display: inline-block;
       vertical-align: middle;
//     .px3rem(width,30);
//      .px3rem(height,30);
    }
    .span{
        .px3rem(line-height,110);
        .px3rem(padding-right,37);
         
        
    }
    .msg{
       .px3rem(width,30);
        .px3rem(height,30);
    }


    
}

._article{
    .px3rem(height,135);
    border-top: 10px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    .px3rem(font-size,30);
    color: #5c5c5c;
//  border-bottom: 1px solid #e5e5e5;
    
    .p *{
       .px3rem(padding-top,50);
       .px3rem(padding-left,37);
       display: inline-block;
       vertical-align: middle;
    }
    .span{
        .px3rem(padding-top,34);
        .px3rem(padding-right,37);
    }
    ._span{
        .px3rem(padding-top,44);
        .px3rem(padding-right,37);
    }
    
   .msg{
       .px3rem(width,30);
        .px3rem(height,30);
   }
}
._article_one{
  .px3rem(height,110);
    border-top: 10px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .px3rem(font-size,30);
    color: #5c5c5c;
//  border-bottom: 1px solid #e5e5e5;
    
    .p *{
//     .px3rem(padding-top,50);
       .px3rem(padding-left,37);
       display: inline-block;
       vertical-align: middle;
       align-items: center;
    }
    .span{
//      .px3rem(padding-top,34);
        .px3rem(padding-right,37);
    }
    ._span{
//      .px3rem(padding-top,44);
        .px3rem(padding-right,37);
        
    }
    
   .img{
       .px3rem(width,30);
        .px3rem(height,30);
   }
}  


    .section_one{
    .px3rem(height,144);
    .px3rem(font-size,25);
    color: #9d9d9d;
    border-bottom: 1px solid #e5e5e5;
    justify-content: center;
    .time{
      display: flex;
      justify-content: space-around;  
    }
      .span{
      .px3rem(padding-left,20);
          
      }
      ._span{
      .px3rem(margin-right,15);
      //text-align: center;
         
      }
      
      .show{
         display: flex;
//       justify-content: space-between;
         .px3rem(padding-top,15);
          width: 90%;
          margin-left: 9%;
         .box {
             width:20%;
             border:1px solid #c0c0c0;
             height: 0px;
            .px3rem(margin-top,5);
             
         }
         .idus{
             .px3rem(width,9);
             .px3rem(height,9);
             border:1px solid #c0c0c0;
             border-radius: 10px;
             background:#c0c0c0;
             
             
         }
         
         
      }
      
      
    }




.dengLu{
    .px3rem(height,170);
    border-bottom: 1px solid #e5e5e5;
    .btn{
      width:78%;  
      .px3rem(height,74);
      background: #bcbcbc;
      border-radius: 10px;
      .px3rem(margin-top,42); 
      .px3rem(margin-left,82);
      .px3rem(font-size,24);
      color: white;
    }
}


.footer{
   // .px3rem(height,90);
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #f6f6f6;
    color: #5c5c5c;
    .px3rem(padding-bottom,10);
    .px3rem(font-size,17);
    .my{
        .px3rem(padding-left,84); 
        .px3rem(padding-top,10);
    }
    .my_one{
        .px3rem(padding-top,10);
    }
    .my_two{
         .px3rem(padding-right,84);
         .px3rem(padding-top,10);
    }
    .msg{
        .px3rem(width,34);
        .px3rem(height,40);
    }
    .msg1{
        .px3rem(width,37);
        .px3rem(height,40);
    }
    .msg2{
        .px3rem(width,32);
        .px3rem(height,39);
    }
    
}

